<div>
	<yu-panel title="运行实例监控详情">
		<el-tabs value="first" type="card" @tab-click="tabClick">
			<el-tab-pane label="流程操作" name="first">
				<el-card class="box-card">
					<div slot="header" class="clearfix">
						<span>业务信息</span>
					</div>
					<div style="height: 20px;" align="left">{{bizPageInfo}}</div>
					<div id="nwfbiztypePage">

					</div>
				</el-card>
				<div style="text-align: center;margin-top: 20px;">
					<el-button @click="cancel">返回</el-button>
				</div>
			</el-tab-pane>
			<el-tab-pane label="审批历史" name="second">
				<div style="height: 20px;" align="center">{{commentinfo}}</div>
				<el-collapse accordion>
					<el-collapse-item v-for="(node,index) in nodeHistory" :title="node.startTime+'  '+node.nodeName" :key="node.nodeId" :name="index">
						<el-card class="box-card">
							<yu-xform ref="refFormDemo" label-width="120px" form-type="details" disabled>
								<yu-xform-group :column='3'>
									<yu-xform-item label="审批节点名称" ctype="input" name="type" :value="node.nodeName"></yu-xform-item>
									<yu-xform-item label="办理人员名称" ctype="input" name="author" :value="node.userName"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aa7f;" :value="node.commentSign" v-if="node.commentSign == '同意'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff0000;" :value="node.commentSign" v-if="node.commentSign == '打回'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff5500;" :value="node.commentSign" v-if="node.commentSign == '退回'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ffaa00;" :value="node.commentSign" v-if="node.commentSign == '拿回'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff0000;" :value="node.commentSign" v-if="node.commentSign == '催办'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aaff;" :value="node.commentSign" v-if="node.commentSign == '协办'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aaff;" :value="node.commentSign" v-if="node.commentSign == '转办'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aa7f;" :value="node.commentSign" v-if="node.commentSign == '跳转'"></yu-xform-item>
									<yu-xform-item label="审批时间" name="time" :value="node.startTime"></yu-xform-item>
									<yu-xform-item label="办理人员" ctype="input" name="status" :value="node.userId"></yu-xform-item>
									<yu-xform-item label="审批节点编号" ctype="input" name="nodeID" :value="node.nodeId"></yu-xform-item>
									<yu-xform-item label="审批意见" colspan="24" name="content" ctype="textarea" :value="node.userComment"></yu-xform-item>
									<yu-xform-item label="扩展意见" colspan="24" name="extcontent" ctype="textarea" :value="node.ext"></yu-xform-item>
								</yu-xform-group>
							</yu-xform>
						</el-card>
					</el-collapse-item>
				</el-collapse>
			</el-tab-pane>
		</el-tabs>
	</yu-panel>
</div>